
.setting-gpt-prompt-word-content {
  display: flex;
  justify-content: center;
  padding-top: 24px;
  
  .setting-gpt-prompt-word-content__left {
    margin-right: 16px;
  }
  
  .setting-gpt-prompt-word-content__right {
    margin-left: 16px;
  }
  
}

.setting-gpt-prompt-word-content__left {
  width: 500px;
}

.setting-gpt-prompt-word-header-title {
  font-size: 16px;
  height: 24px;
  color: #262626;
  font-weight: bold;
}

.setting-gpt-prompt-word-header-sub-title {
  margin-top: 8px;
  font-size: 12px;
  font-weight: normal;
  line-height: 20px;
  color: #8C8C8C;
}

.setting-gpt-prompt-word-item {
  position: relative;
  height: 164px;
  background: #F7F8F8;
  border-radius: 4px;
  margin-top: 8px;
  padding: 12px;
}

.setting-gpt-prompt-word-index-content-add {
  margin-top: 20px;
  .setting-gpt-prompt-word-index-content-add-button {
    width: 100px;
  }
}

.setting-gpt-prompt-word-preview {
  height: 100%;
  width: 400px;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  box-shadow: 0 2px 2px -2px rgba(0,0,0,.2), 0 2px 10px 1px rgba(0,0,0,.05), 0 6px 10px 1px rgba(0,0,0,.1);
}

.setting-gpt-prompt-word-preview-header {
  height: 58px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px;
  background: #FFFFFF;
  border-radius: 4px;
  
  .setting-gpt-prompt-word-preview-header-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 26px;
    font-size: 18px;
    font-weight: bold;
    .el-image {
      width: 26px;
      height: 26px;
      margin-right: 6px;
    }
  }
  
}

.setting-gpt-prompt-word-preview-content {
  background-color: #f1f4fe;
  flex: 1;
  display: flex;
  flex-direction: column;
  border-radius: 4px;
  .chat-ai-input-bar {
    padding-top: 8px;
    border-radius: 4px;
  }
}

.setting-gpt-prompt-word-preview-content-top {
  flex: 1;
}

.setting-gpt-prompt-word-preview-content-prompt-word-list,
.setting-gpt-prompt-word-preview-content-app-list {
  padding-left: 24px;
}

.setting-gpt-prompt-word-preview-content-prompt-word-list {
  .chat-ai-prompt-tag {
    margin-top: 8px;
    margin-right: 8px;
  }
}

.setting-gpt-prompt-word-item-delete {
  cursor: pointer;
  position: absolute;
  right: 12px;
  top: 10px;
  &:hover {
    color: $color-danger;
  }
}
.setting-gpt-prompt-word-index-content-right {
  border-radius: 4px;
  height: 100%;
}

.setting-gpt-prompt-word-right {
  height: 680px;
}